<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="../js/vue.js"></script>
</head>
<body>
    <div id="app">
        <p>sdfsdfdf</p>
    </div>
    <script>


        var vm = new Vue({
            el:'#app',
            data:{
                msg:'曾经，我也是一个单纯的少年，单纯的我，傻傻的问，谁是世界上最单纯的男人'
            },
            methods:{
                show(){
                    console.log('执行了show方法')
                }
            },
            beforeCreate() {//这是我们遇到的第一个生命周期函数，表示实例完全被创建出来之前，会执行它
            //console.log(this.msg)
            //this.show()
            //注意：在beforeCreate 生命周期函数执行的时候，data和methods的数据都还没有被初始化
                
            },
            create(){//这是遇到的第二个生命周期函数
                //console.log(this.msg)
                //this.show()
                //在created中，data和methods都已经被初始化好了！
                //如果要调用methods中的方法，或者操作data中的数据，最早，之恩在created中操作
            }
        })
    
       
    </script>
</body>
</html>